.docs_page {
  @apply flex w-full;
  
  .docs_page_left {
    .docs_menu {
      height: calc(100% - var(--header-bar-height));
      @apply h-full overflow-hidden;
    }

    @apply shadow-lg;
    .docs_page_header_btn {
      @apply fixed top-14 left-55 cursor-pointer;
    }
  }
}

.docs_index_page {
  @apply flex justify-center items-center h-full flex-col;

  .docs_index_main_box {
    @apply w-140 h-130  p-4 rounded-lg shadow-lg border-1 border-solid border-sky-100 cursor-pointer bg-light-200;

    .docs_info_title {
      @apply text-center text-purple-300 text-3xl;
    }
    .docs_info_img {
      @apply w-full shadow-lg border-1 border-solid border-sky-100;
    }
  }
}
